Skip to main content

How to Embed the Switcher or Change Its Position?

If you're not satisfied with the current switcher position, Convercy allows you to manually place the switcher anywhere in your theme by using dedicated placeholder elements.

Available Placement Placeholders​

You can insert one of the following snippets into your theme code, depending on where you would like the switcher to appear.

Header Switcher​

Desktop:

<div id="cvc-switcher-manual-desktop"></div>

Mobile:

<div id="cvc-switcher-manual-mobile"></div>

Desktop:

<div id="cvc-switcher-footer-manual-desktop"></div>

Mobile:

<div id="cvc-switcher-footer-manual-mobile"></div>

How It Works​

When Convercy detects one of the placeholders above, the switcher will automatically render at that location.

This allows you to:

  • Place the switcher inside your header
  • Place the switcher inside your footer
  • Use different positions for desktop and mobile devices
  • Integrate the switcher into custom theme layouts

How to Add the Placeholder​

  1. In Shopify Admin, go to Online Store → Themes.
  2. Click Edit code on your published theme.
  3. Open the theme file where you want the switcher to appear.
  4. Insert the appropriate placeholder snippet.
  5. Save the changes.

After saving, refresh your storefront and the switcher will appear at the selected location.

Need Help?​

If you're unsure where to place the code or need assistance adjusting the switcher position, please contact us at [email protected]. Our team will be happy to help.